<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script src="https://fastly.jsdelivr.net/npm/echarts@5.4.0/dist/echarts.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.9/vue.js"></script>
    <script src="https://test.wdp.waper4.com/template/index.js"></script>
    <script src="../lib/index.js"></script>
    <div id="app">
      <template>
        <wdc-bar :data="data" :xData="xData" />
      </template>
    </div>

    <script>
      let data = [
        {
          name: "数据",
          data: [900, 750, 1600, " ", 950, 1350, 1600],
          color: "#4389f9",
          stack: "Total",
        },
        {
          name: "对比色",
          data: [" ", " ", " ", 2200, " ", " ", " "],
          color: "#ffb355",
          stack: "Total",
        },
      ];

      let vm = new Vue({
        el: "#app",
        data() {
          return {
            data,
            xData: [
              "美式",
              "卡布奇诺",
              "拿铁",
              "绿茶",
              "玛奇朵",
              "红茶",
              "咖啡",
            ],
          };
        },
      });
    </script>
  </body>
</html>
